<#include "/common/head.ftl">

<br/><br/><br/>

<form action="offering/searchOffering.sgt" onsubmit="submitForm(this); return false;">
	<table id="dataTable" align="center" cellpadding="0" cellspacing="5">
		<tr>
			<td class="name">${i18n.getMessage('name')}:</td>
			<td><input type="text" name="name" style="width:200px"/></td>
		</tr>
		<tr>
			<td class="name">${i18n.getMessage('level')}:</td>
			<td>
				<select name="levelId" style="width:205px">
					<option></option>
					<#list programs as program>
						${request.setAttribute("levels", program.levels)}
						<optgroup label="${program.name}">
							<#list levels as level>
								<option value="${level.id}">${level.name}</option>
							</#list>
						</optgroup>
					</#list>
				</select>
			</td>
		</tr>
		<tr>
			<td class="name">${i18n.getMessage('startDate')}:</td>
			<td><input type="text" name="startDate" style="width:200px"/><img class="calendarImg" src="images/calendar/calendar.gif" onclick="displayCalendar(document.forms[0].startDate, '${i18n.getMessage('format.date')}', this)"/></td>
		</tr>
		<tr>
			<td class="name">${i18n.getMessage('endDate')}:</td>
			<td><input type="text" name="endDate" style="width:200px"/><img class="calendarImg" src="images/calendar/calendar.gif" onclick="displayCalendar(document.forms[0].endDate, '${i18n.getMessage('format.date')}', this)"/></td>
		</tr>
		<tr>
			<td></td>
			<td>
				<input type="submit" value="${i18n.getMessage('search')}" class="button_style"/> 
				<input type="reset" value="${i18n.getMessage('reset')}" class="button_style"/> 
			</td>
		</tr>
	</table>
</form>